<template>
	<view>
		<view style="width: 100%; height: auto; overflow: hidden;">
			<image class="box" mode="widthFix" src="../../../static/image/banner.jpg"></image>
		</view>
		<view class="show">
			{{about.text}}
		</view>
	</view>
</template>

<script>
	import {
		getAbouts
	} from "@api"
	export default {
		"name" : "about",
		data() {
			return {
				about: [],
			}
		},
		onLoad() {
			getAbouts({
					id: 1
				})
				.then(res => {
					this.about = res.content[0];
				})
		},
		methods: {

		}

	}
</script>

<style lang="scss">
	.box {
		width: 100%;
		height: 300rpx;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: cover;
	}
	.show {
		text-indent: 2em;
		font-size: 28rpx;
		margin: 0rpx 10rpx 20rpx 10rpx;
		margin-left: 10rpx;
	}
</style>
